import { createStore } from 'vuex'
import { getgequgechi } from '@/Api/API.js'
export default createStore({
  // 用来存储变量
  state: {
    // 一个歌曲的详细信息
    playList: [
      {
        al: {
          id: 89039055,
          name: "雨爱抖音版",
          pic: 109951164966568500,
          picUrl: "https://p1.music.126.net/2f6UgY8Jc0Dy6jufMdIZeQ==/109951164966568495.jpg",
          pic_str: "109951164966568495"
        },
        id: 1446137141,
        name: "雨爱（抖音版）",
        ar: [{ name: "灏灏灏仔" }]
      },
    ],
    playListID: 0,// 歌曲的索引默认下标为 0
    isbofang: true,//暂停播放按钮的隐藏显示
    yinyueTime: 0, // 音乐播放的当前时间
    gequzhongshijian:0, // 音乐播放的总时间
    xianshi: false, //歌曲详情页是否显示
    dibubofang: true,//底部播放栏
    gechiArr: {},//歌曲歌词
  },
  // 从基本数据(state)的数据，相当于state的计算属性
  getters: {

  },
  // 提交更新数据的方法 （同步）
  mutations: {
    // 歌曲详情 列表
    gequxiangqing(state, value) {
      console.log(1234567890,value);
      state.playList = value
    },
    // 歌曲索引值
    gequsuoyinzhi(state, i) {
      state.playListID = i
    },
    // 暂停播放按钮的隐藏显示的改变
    anniu(state, value) {
      state.isbofang = value
    },
    // 音乐播放的当前时间
    audiotTime(state, value) {
      console.log(value);
      state.yinyueTime = value
    },
    //歌曲详情页是否显示
    gequxiangqinye(state) {
      state.xianshi = !state.xianshi
    },
    // 底部音乐是否显示
    dibuxianshi(state) {
      state.dibubofang = !state.dibubofang

    },
    bofang(state, value) {
      if (value.paused) {
        // 音乐播放
        value.play()
      } else {
        // 音乐暂停
        value.pause()
      }
    },
    gechi(state, value) {
      state.gechiArr = value
    },
    zhongshijian(state, value){
      console.log(1,value);
      state.gequzhongshijian =value
    }
  },
  // 提交更新数据的方法 （异步）
  actions: {
    async gequgechi(context, value) {
      let res = await getgequgechi(value)
      // 调用 gechi 函数 间接让这个函数传值
      context.commit("gechi", res.data.lrc)
      
    }
  },
  // 模块化vuex
  modules: {
  }
})
